import React from 'react'

/**
 * props 的作用
 * 
 * 接收外界传递给组件内部的数据
 */

// 函数组件内部如果想接收外界传递的数据，需要使用 props
// 需要给函数加上一个 props 参数
function App(props) {
  console.log(props)
  return (
    <div>
      {/* 在函数组件内部，如果想访问 props 传递的数据 */}
      {/* 使用 props.xxx 的方式来进行获取 */}
      <p>姓名：{props.name}</p>
      <p>年龄：{props.age}</p>
    </div>
  )
}

export default App
